<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>div and span</title>

    <style type="text/css">

        body{

        }

        div{
            border: 1px dotted #ff0000;
            width: 500px;
            height: 200px;
            align-self: center;
        }

        #div2{
            margin-top: 200px;
            margin-left: 0px;
            padding: 60px;
        }

    </style>
</head>
<body>

    <!--
        div 和 span 标签被称为块级标签。 它里面可以放其他的标签。

        frameset
        table
        css + div

        区别： span 不换行

    -->

    <div>div1</div>
    <div id="div2">div2</div>

    <!--<span>span1</span>-->
    <!--<span>span2</span>-->
</body>
</html>